import { Meta } from "@storybook/addon-docs";
import LogoSvg from "./assets/logo.svg";
import VueSvg from "./assets/vue.svg";

<Meta title="Ltns Design/介绍" />

<style>{``}</style>

# Ltns Design of Vue

<p>
  <code>ltns</code> 是基于 Ant Design 设计体系的 Vue UI
  组件库，主要用于研发企业级中后台产品。
</p>

<p>
  ps：本项目主要是配置
  <a
    href="https://storybook.js.org/docs/vue/get-started/introduction"
    target="_blank"
  >
    StoryBook
  </a>，参考项目：
  <a
    href="https://gitee.com/linghuxiang/vue3-storybook-components-demo"
    target="_blank"
  >
    https://gitee.com/linghuxiang/vue3-storybook-components-demo
  </a>
</p>

<div style={{ display: "flex", alignItems: "center" }}>
  <img src={LogoSvg} alt="logo" width={150} />
  <span style={{ fontSize: "30px", color: "#aaa", margin: "0 15px" }}>+</span>
  <img src={VueSvg} alt="vue" width={160} />
</div>

<br />
<br />

## ✨ 特性

- 🌈 提炼自企业级中后台产品的交互语言和视觉风格。
- 📦 开箱即用的高质量 Vue 组件。
- 🛡 使用 TypeScript 开发，提供完整的类型定义文件。
- ⚙️ 全链路开发和设计工具体系。
- 🌍 数十个国际化语言支持。
- 🎨 深入每个细节的主题定制能力。

<br />

## 兼容环境

- 现代浏览器和 IE11（需要 polyfills）。
- 支持服务端渲染。
- Electron

<br />

## 安装

<br />
<br />

#### <b>使用 npm 或 yarn 安装</b>

<p>
  <b>我们推荐使用 npm 或 yarn 的方式进行开发</b>
  ，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。
</p>

```bash
$ npm install antd --save
```

```bash
yarn add antd
```

如果你的网络环境不佳，推荐使用 [cnpm](https://github.com/cnpm/cnpm)。
